함수 Function
IIFE: Immediately Invoked Function expression
선언 동시 호출가능
web console 창을 이용하여 모든 a태그 가져오기
consonle창에
> document.queryselectorAll('a') 검색
>>(4) [a,a,a,a] 검색결과 노드리스트를 받을수잇음 배열이라고 생각하면됨
위결과를 alist라는 변수에 담는다 줄바꿈(Shift+Enter)
var alist = document.queryselectorAll('a');
document.write를 사용하면 괄호안에 잇는 내용이 콘솔창에 출력된다
document.write(alist[0]);
첫번째 태그 출력
>><a href="html.html">HTML</a>
-length를 사용 하면 몇개의 a태그를 찾앗는지 출력된다
var alist = document.querySelectorAll('a');
document.write(alist.length);
반복문을 사용하여 모든 태그가 출력되는것을 확인할수잇다
var alist = document.querySelectorAll('a');
var i = 0;
while(i < alist.length){
document.write(alist[i]);
i = i +1;
}
반복문을 사용하여 모든 a태그 컬러를 'powderblue'로 변경
var alist = document.querySelectorAll('a');
var i = 0;
while(i < alist.length){
document.write(alist[i]);
alist[i].style.color = 'powderblue';
i = i +1;
}
Basic
함수 function 만들기
Parameter[매개변수] & Argument[인자]
Return[출력] - 결과 값을 돌려준다,즉 계산식의 값을 저장할수잇다
Return은 원자화된 기능을 다양한 맥락에서 활용할수 잇는 자유도가 생긴다 Return을 활용하여 left,right에 들어간 매개변수 값을 리턴을 통해 출력함으로서 다양한 용도로 함수를 활용할수잇다